<nz-tabset nzCentered>
  <nz-tab nzTitle="项目信息">
    <div style="text-align: center">
      <span><img src="assets/image/angular.svg" alt="angular" class="img" /></span>
      <span nz-typography nzType="secondary" class="addsign">+</span>
      <span><img src="assets/image/ng-zorro.svg" alt="ng-zorro" class="img" /></span>
      <span nz-typography nzType="secondary" class="addsign">+</span>
      <span><img src="assets/image/keycloak.svg" alt="keycloak" class="img" /></span>
    </div>
    <div>
      <ul nz-list>
        <li nz-list-item *ngFor="let item of projects" nzNoFlex>
          <h5 nz-typography>{{ item.key }}: </h5>
          <ul nz-list-item-actions *ngIf="item.url">
            <nz-list-item-action>
              <a [href]="item.url" target="_blank">地址</a>
            </nz-list-item-action>
          </ul>
          {{ item.description }}
        </li>
      </ul>
    </div>
  </nz-tab>
  <nz-tab nzTitle="第三方依赖包">
    <ul nz-list>
      <li nz-list-item *ngFor="let item of packages" nzNoFlex>
        <h5 nz-typography>{{ item.key }}: </h5>
        <ul nz-list-item-actions *ngIf="item.url">
          <nz-list-item-action>
            <a [href]="item.url" target="_blank">地址</a>
          </nz-list-item-action>
        </ul>
        {{ item.description }}
      </li>
    </ul>
  </nz-tab>
</nz-tabset>
